<div [ngStyle]="tagData.cssStyle | styleFilter" id="nearby-stores">
  <div *ngFor="let item of tagData.data?.data" [ngStyle]="item.itemBgCssStyle | styleFilter">
    <!-- 全选按钮 选中状态 -->
    <div *ngIf="setCustomBoxVisibility==='true'">
      <ng-container *ngIf="item.disableCheck!==undefined; else disableElseTemplate">
        <div class="item-left" [ngStyle]="item.checkCssStyle|styleFilter">
          <i class="check-img disableCheck" [ngStyle]="item.checkImgCssStyle|styleFilter"></i>
        </div>
      </ng-container>
      <ng-template #disableElseTemplate>
        <div class="item-left" appDebounceClick (debounceClick)="choose(item)" *ngIf="item.check!==undefined"
          [ngStyle]="item.checkCssStyle|styleFilter">
          <i class="check-img" [ngStyle]="item.checkImgCssStyle|styleFilter"
            [ngClass]="{'checked-img': item.checked}"></i>
        </div>
      </ng-template>
    </div>

    <div [ngStyle]="item.itemCssStyle | styleFilter" class="informationItem" appDebounceClick (debounceClick)="openPage(item)">
      <img [src]="item.img.imgUrl" class="informationImg"
        onerror="this.src='assets/img/default_rk.png'" [ngStyle]="item.img.cssStyle | styleFilter" />

      <div class="informationRight" [ngStyle]="item.informationRightCssStyle | styleFilter">
        <div class="normalRow 1" *ngIf="item.firstRowLeft" [ngStyle]="item.firstRowLeft?.box?.cssStyle | styleFilter">
          <span *ngIf="item.firstRowLeft.firstText?.label"
            [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter" [innerHTML]="item.firstRowLeft.firstText.label | parseStyle"></span>
          <span *ngIf="item.firstRowLeft.secondText?.label"
            [ngStyle]="item.firstRowLeft?.secondText?.cssStyle | styleFilter" [innerHTML]="item.firstRowLeft.secondText.label | parseStyle"></span>
        </div>
        <div class="normalRow 2" *ngIf="item.secondRowLeft" [ngStyle]="item.secondRowLeft?.box?.cssStyle | styleFilter">
          <span class="first" [ngStyle]="item.secondRowLeft?.firstText?.boxCssStyle | styleFilter">
            <img *ngIf="item.secondRowLeft.firstText?.icon" [src]="item.secondRowLeft.firstText?.icon" [ngStyle]="item.secondRowLeft?.firstText?.iconCssStyle | styleFilter"/>
            <span *ngIf="item.secondRowLeft.firstText?.label"
              [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">{{item.secondRowLeft.firstText?.label}}</span>
            <span *ngIf="item.secondRowLeft.firstText?.value"
              [ngStyle]="item.secondRowLeft?.firstText?.valueCssStyle | styleFilter">{{item.secondRowLeft.firstText?.value}}</span>
          </span>
          <span class="second" *ngIf="item.secondRowLeft.secondText" [ngStyle]="item.secondRowLeft?.secondText?.boxCssStyle | styleFilter">
            <img *ngIf="item.secondRowLeft.secondText?.icon" [src]="item.secondRowLeft.secondText?.icon" [ngStyle]="item.secondRowLeft?.secondText?.iconCssStyle | styleFilter"/>
            <span *ngIf="item.secondRowLeft.secondText?.label"
              [ngStyle]="item.secondRowLeft?.secondText?.cssStyle | styleFilter">{{item.secondRowLeft.secondText?.label}}</span>
            <span *ngIf="item.secondRowLeft.secondText?.value"
              [ngStyle]="item.secondRowLeft?.secondText?.valueCssStyle | styleFilter">{{item.secondRowLeft.secondText?.value}}</span>
          </span>
        </div>
        <div class="normalRow 3" *ngIf="item.thirdRowLeft" [ngStyle]="item.thirdRowLeft?.box?.cssStyle | styleFilter">
          <span *ngIf="item.thirdRowLeft.firstText?.label"
            [ngStyle]="item.thirdRowLeft?.firstText?.cssStyle | styleFilter">{{item.thirdRowLeft.firstText.label}}</span>
        </div>

        <div class="consultBtn" *ngIf="item.receiverRowLeft && item.receiverRowLeft.iconList[0]" [ngStyle]="item.receiverRowLeft.iconList[0].cssStyle | styleFilter" appDebounceClick (debounceClick)="iconClick(item.receiverRowLeft.iconList[0])">
          <img *ngIf="item.receiverRowLeft.iconList[0].icon" [ngStyle]="item.receiverRowLeft.iconList[0].iconCssStyle | styleFilter" [src]="item.receiverRowLeft.iconList[0].icon"/>
          <span [ngStyle]="item.receiverRowLeft.iconList[0].labelCssStyle | styleFilter">{{item.receiverRowLeft.iconList[0].label}}</span>
        </div>
      </div>
    </div>
    <ng-container *ngIf="item.itemData && item.itemData.length > 0">
      <div class="itemData">
        <div class="scroll">
          <div *ngFor="let it of item.itemData" [ngStyle]="item.itBgCssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(it.firstText.link)">
            <img [src]="it.img.imgUrl" class="itemDataImg" *ngIf="it.img.imgUrl"
              onerror="this.src='assets/img/default_rk.png'" [ngStyle]="it.img.cssStyle | styleFilter" />
            <span *ngIf="it.firstText?.label" [ngStyle]="it.firstText.cssStyle | styleFilter">{{it.firstText.label}}</span>
            <span *ngIf="it.secondText?.label" [ngStyle]="it.secondText.cssStyle | styleFilter">{{it.secondText.label}}</span>
          </div>
        </div>
      </div>
    </ng-container>
  </div>
</div>

<p class="noData" *ngIf="!tagData.data.data || tagData.data.data.length === 0"
  [ngStyle]="tagData.data.hintCssStyle|styleFilter">
  {{tagData.hint}}
</p>

<ion-infinite-scroll *ngIf="showLoadMore" threshold="5%" (ionInfinite)="loadMoreData($event)">
  <ion-infinite-scroll-content loadingSpinner="crescent" loadingText="正在加载更多数据...">
  </ion-infinite-scroll-content>
</ion-infinite-scroll>